<!---------------------------------------SLIDER------------------------------------------->
   <div id="slider">
       <div class="slider-block">
          <div class="slider">
              <ul class="items">
                  <li><img src="images/hoa2.jpg" alt="" /><div class="banner"><div><span>XƯƠNG RỒNG GẤM</span><strong>Loại: Xương rồng</strong><p>200.000đ/1 chậu</p><h3>130.000đ/1 chậu</h3><h5>(Khuyến mãi: <i>từ 25/07 đến hết ngày 10/08/2014)</i></h5> <h4>Tình trạng: Còn hàng</h4><a href="#" class="button">Chi tiết</a></div></div></li>
                  <li><img src="images/iris0161.jpg" alt="" /><div class="banner"><div><span>IRIS</span><strong>Loại: Hoa tươi</strong><p>1.390.000đ/ 1 chậu</p><h3>980.000đ/ 1 chậu</h3><h5>(Khuyến mãi: <i>từ 25/07 đến hết ngày 31/07/2014)</i></h5> <h4>Tình trạng: Còn hàng</h4><a href="#" class="button">Chi tiết</a></div></div></li>
                  <li><img src="images/Lan/lan8.jpg" alt="" /><div class="banner"><div><span>Lan Hồ Điệp Vàng</span><strong>Loại: Hoa Lan</strong><br/><h3>1.000.000đ/ 1 chậu</h3><h5>(Số lượng có hạn)</i></h5> <h4>Tình trạng: Mới về</h4><a href="#" class="button">Chi tiết</a></div></div></li>
                  <li><img src="images/Bonsai/bonsai7_1.jpg"  /><div class="banner"><div><span>Bonsai Castellanza</span><strong>Loại: Bonsai</strong><p>6.750.000đ/ 1 chậu</p><h3>6.350.000đ/ 1 chậu</h3><h5>(Khuyến mãi: <i>từ 25/07 đến hết ngày 02/08/2014)</i></h5> <h4>Tình trạng: Còn hàng</h4><a href="#" class="button">Chi tiết</a></div></div></li>
                  <li><img src="images/Traicay/fruit.jpg" alt="" /><div class="banner"><div><span>Lễ hội trái cây Nam Bộ</span><strong>Lễ hội Trái cây Nam Bộ năm nay với mục đích hướng về Biển Đông, các loại trái cây được các nghệ nhân tạo hình khẳng định chủ quyền Biển Đông....</strong><h5>Ngày 1/6/2014 tại Khu du lịch văn hóa Suối Tiên Tp. Hồ Chí Minh</i></h5><a href="#" class="button">Chi tiết</a></div></div></li>
                  <li><img src="images/Traicay/tintuc/cayda/loi7-1406000517_700x0.jpg" alt="" /><div class="banner"><div><span>Cổ thụ bị đốn hạ để xây nhà ga</span><strong>Sáng nay (22.7), tại khu vực đường Lê Lợi, trước Nhà hát lớn thành phố, hàng cây cổ thụ hàng trăm năm tuổi đã bị đốn hạ để nhường mặt bằng cho công trình thi công nhà ga ngầm đầu tiên của tuyến đường sắt đô thị Bến Thành – Suối Tiên.....</strong><a href="#" class="button">Chi tiết</a></div></div></li>
              </ul>
          </div>
          <a href="#" class="prev"></a>
          <a href="#" class="next"></a>
        </div>
    </div>


<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/tms-0.4.1.js"></script>
    <script>
		$(document).ready(function(){
			$('.slider')._TMS({
				show:0,
				pauseOnHover:true,
				prevBu:'.prev',
				nextBu:'.next',
				playBu:false,
				duration:500,
				preset:'fade',
				pagination:true,//'.pagination',true,'<ul></ul>'
				pagNums:false,
				slideshow:8000,
				numStatus:false,
				banners:'fromBottom',// fromLeft, fromRight, fromTop, fromBottom
				waitBannerAnimation:false,
				progressBar:false
			})
			
	 	}) 
		$(function(){
		  if($(window).width() <= 1066)
			{
			  $("#slider .prev").css("left", "55px")
			  $("#slider .next").css("right", "55px")
			}
		})
	</script>